'use strict';

import {Dimensions, Platform} from 'react-native';
import px2dp, {isIphoneX} from '../utils/px2dp';

export default module = {
  screenWidth: Dimensions.get('window').width,
  screenHeight: Dimensions.get('window').height,
  pageBackgroundColor: '#ffffff',
  btnActiveOpacity: 0.5,
  actionBar: {
    height: px2dp(88),
    backgroundColor: '#fff',
    fontSize: px2dp(34),
    fontColor: '#ffffff',
  },
  barContentPad: Platform.OS === 'android' ? 0 : isIphoneX() ? 42 : 20,
  bottomPadding: isIphoneX() ? 18 : 0,
  text: {
    color: '#333333',
    fontSize: px2dp(24),
  },
  //常用颜色
  primaryColor: '#d81e06',
  lightGray: '#f5f5f5',
  darkGray: '#e5e5e5',
  lightBlack: '#333333',
  blue: '#2788FF',
  red: '#d81e06',
  orangeRed: 'rgb(255,117,19)',
  orangeLight: 'rgb(250, 149, 58)',
  lineCOlor: '#e6e6e6',
  Bottom_iphoneX: Platform.OS === 'android' ? 0 : isIphoneX() ? 30 : 0,
  //通用headerStyle
  headerStyle: {
    height: px2dp(88) + (Platform.OS === 'android' ? 0 : isIphoneX() ? 42 : 20),
    paddingTop: Platform.OS === 'android' ? 0 : isIphoneX() ? 42 : 20,
    flexDirection: 'row',
    alignItems: 'center',
    backgroundColor: '#fff',
    borderBottomWidth: px2dp(1),
    borderBottomColor: '#F1F1F1',

    // shadowOffset: {width: 0, height: 2},
    // shadowOpacity: 0.2,
    // shadowRadius: 4,
    // shadowColor: '#d81e06',
    // elevation: 2,
    // zIndex:120
  },
};
